<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>Encuestas</title>
	<script src="http://maps.google.com/maps/api/js?sensor=false"
		type="text/javascript"></script>
</h:head>
    
    <ui:include src="index.xhtml" />
    
<h:body>
	<h:form>
		<div align="center">
			<h:panelGrid style="width: 70%;">
				<p:panel>
					<div align="center">
						<h:outputText value="#{msg['encuesta.crear.tituto1']}"
							style="font-weight:bold;" />
					</div>
				</p:panel>
			</h:panelGrid>
		</div>
		<div align="center">
			<h:panelGrid style="width: 70%;">
				<p:panel>
					<h:panelGroup style="display:block; text-align:left">
						<h:panelGrid columns="2" style=" width : 100%;">
							<h:outputText value="#{msg['encuesta.crear.nombre']}*:" />
							<p:inputText value="#{encuestaBean.nombreEncuesta}"
								style=" width : 300px;" required="true"
								label="#{msg['encuesta.crear.nombre']}" />
						</h:panelGrid>
					</h:panelGroup>
				</p:panel>
			</h:panelGrid>
		</div>
		<div align="center">
			<h:panelGrid style="width: 70%;" id="pnlPreguntas">
				<p:panel header="#{msg['encuesta.crear.tituto2']}">
					<h:panelGrid columns="1" style=" width : 70%;">
						<h:panelGroup style="display:block; text-align:left;">
							<h:panelGrid columns="2" style=" width : 100%;">
								<h:outputText value="#{msg['encuesta.crear.tipoPregunta']}*:" />
								<h:selectOneMenu value="#{encuestaBean.tipoPregunta}"
									valueChangeListener="#{encuestaBean.comprobarTipoPregunta}"
									immediate="true">
									<f:selectItems value="#{encuestaBean.itemsTipoPregunta}" />
									<p:ajax update="pnlPreguntas" />
								</h:selectOneMenu>
								<h:panelGrid columns="1" style="width : 300px;">
									<h:outputText value="#{msg['encuesta.crear.pregunta']}*:" />
								</h:panelGrid>
								<p:inputTextarea value="#{encuestaBean.pregunta}"
									style="width : 200px;"
									label="#{msg['encuesta.crear.pregunta']}" />
								<h:panelGrid id="lblTablaOpciones">
									<h:outputText value="#{msg['encuesta.crear.opciones']}*:"
										rendered="#{encuestaBean.mostrarOpciones}"
										style="text-align:right;" />
								</h:panelGrid>
								<h:panelGrid>
									<p:dataTable value="#{encuestaBean.listaOpciones}" var="opcion"
										width="100%" rendered="#{encuestaBean.mostrarOpciones}"
										emptyMessage="No se han ingresado respuestas.">
										<p:column>
											<h:outputText value="#{opcion.textorespuesta}" />
										</p:column>
										<p:column>
											<p:commandLink
												title="#{msg['encuesta.crear.opciones.eliminar']}"
												actionListener="#{encuestaBean.eliminarOpcionRespuesta}"
												update="pnlPreguntas" immediate="true" ajax="false">
												<p:graphicImage value="/img/eliminar.png" width="20"
                                                                                                                height="20" style="border-width: 0px" />
											</p:commandLink>
										</p:column>
									</p:dataTable>
								</h:panelGrid>
								<h:panelGrid id="lblOpciones">
									<h:outputText value="#{msg['encuesta.crear.respuesta']}*:"
										rendered="#{encuestaBean.mostrarOpciones}" />
								</h:panelGrid>
								<h:panelGrid id="opciones">
									<h:panelGrid columns="2" width="100%"
										rendered="#{encuestaBean.mostrarOpciones}">
										<h:panelGrid id="txtPregunta">
											<p:inputText value="#{encuestaBean.textoRespuesta}"
												rendered="#{encuestaBean.control}">
												<p:ajax />
											</p:inputText>
											<p:inputText value="#{encuestaBean.textoRespuesta}"
												rendered="#{!encuestaBean.control}">
												<p:ajax />
											</p:inputText>
										</h:panelGrid>
										<p:commandLink immediate="true"
											title="#{msg['encuesta.crear.opciones.agregar']}"
											actionListener="#{encuestaBean.agregarOpcionRespuesta}"
											update="pnlPreguntas" ajax="false">
											<p:graphicImage value="/img/adicionar.png" width="20"
												height="20" style="border-width: 0px" />
										</p:commandLink>
									</h:panelGrid>
								</h:panelGrid>
							</h:panelGrid>
						</h:panelGroup>
					</h:panelGrid>
					<h:panelGrid columns="1" style=" width : 100%;">
						<h:panelGroup style="display:block; text-align:center">
							<h:commandButton value="#{msg['guardar.pregunta']}"
								actionListener="#{encuestaBean.guardarPregunta}" />
						</h:panelGroup>
					</h:panelGrid>
				</p:panel>
			</h:panelGrid>
			<div align="center">
				<h:panelGrid style="width: 70%;"
					rendered="#{encuestaBean.mostrarPreguntas}">
					<h:panelGrid id="pnlPreguntasC" style="width: 100%;">
						<p:panel header="#{msg['encuesta.crear.preguntas']}">
							<p:dataTable value="#{encuestaBean.listaPreguntas}"
								var="pregunta">
								<p:column>
									<f:facet name="header">
										<h:outputText value="Pregunta" />
									</f:facet>
                                                                    <h:outputText value="#{pregunta.textopregunta}" />
								</p:column>
								<p:column>
									<f:facet name="header">
										<h:outputText value="Tipo pregunta" />
									</f:facet>
                                                                    <h:outputText value="#{pregunta.idtipopregunta.descripcion}" />
								</p:column>
								<p:column>
									<p:commandLink
										title="#{msg['encuesta.crear.opciones.eliminar']}"
										actionListener="#{encuestaBean.eliminarPregunta}"
										update="pnlPreguntasC" immediate="true" ajax="false">
										<p:graphicImage value="/img/eliminar.png" width="20"
											height="20" style="border-width: 0px" />
									</p:commandLink>
								</p:column>
							</p:dataTable>
						</p:panel>
					</h:panelGrid>
				</h:panelGrid>
                            <div align="center">
                                <h:panelGrid style="width: 70%;">
                                    <p:panel style="border-width: 0px">
                                <h:panelGrid columns="1" style=" width : 100%;">
                                        <h:panelGroup style="display:block; text-align:center">
                                                <h:commandButton value="#{msg['guardar']}"
                                                        actionListener="#{encuestaBean.guardarEncuesta}" />
                                        </h:panelGroup>

                                        <h:panelGroup style="display:block; text-align:center">
                                                <h:messages layout="list" errorStyle="color: red;"
                                                        fatalStyle="color: red;" infoStyle="color: black;"
                                                        warnStyle="color: blue;" />
                                        </h:panelGroup>
                                    </h:panelGrid>
                            </p:panel></h:panelGrid></div>
			</div>
			

		</div>
	</h:form>
</h:body>
</html>